.post
  position: relative
  z-index: 1

.post.istop
  &::after
    content: ""
    position: absolute
    z-index: -1
    background-image: url("images/top.gif")
    width: 148px
    height: 88px
    top: 2rem
    right: 3rem

  &:hover::after
    opacity: 0.7

+until($desktop)
  .post.istop::after
    right: 2rem


.post-title.title
  font-weight: bold
  margin-bottom: 0.6rem

.post-body
  h2
    font-size: 1.25em

  h3
    font-size: 1.2em

  h4
    font-size: 1.15em

  h5
    font-size: 1.1em

  h6
    font-size: 1.05em

  h1, h2, h3, h4, h5, h6
    border-bottom: 1px solid #eaecef
    padding-bottom: 0.3em

    // margin-left: 1.8em
    text-shadow: 0 0 1px
    font-weight: normal

.post-meta
  &:not(.tags)
    text-indent: 0.2em
    border-top: #000 solid 5px

  &.tags
    margin-top: 15px
    border-top: 1px #cdcdcd dashed
    border-bottom: 1px #cdcdcd dashed

.post-tag.tag:hover, %taghover
  background-color: #444
  // border: none
  color: #FFF

.tag + .c-help
  display: none

.post-body
  padding: 0.3rem

  a
    border-bottom-style: dotted
    border-bottom-color: currentColor

  a:hover
    border-bottom-style: solid

.post-body p
  // text-indent: 2em
  word-wrap: break-word

.post-nav
  span
    font-size: 14px

    // color: #999999
    display: block

.related-list li
  border-bottom: dashed 1px #f3f3f3

// Meta 图标
.info_ico
  background: url(images/info.png) no-repeat
  padding: 0 5px 0 20px
  font-size: 12px

.info_category
  background-position: 0 -21px

.info_date
  background-position: 0 -1px

.info_views
  background-position: 0 -62px

.info_comment
  background-position: 0 -43px

.info_author
  background-position: 0 -82px
